html,body,#app{width:100%; height: 100%;margin: 0; padding: 0;font-size: 14px;overflow: hidden;background: #F2F4F7;
  font-family: '宋体';
}
*{margin: 0;padding: 0;}
ul{list-style: none}
.clearFix:before,
.clearFix:after{content: "."; display:block; width: 0;height: 0; visibility:hidden;}
.clearFix:after{clear: both;}
.clearFix{zoom:1;}
.pull-left{float: left;}
.pull-right{float: right;}
::-webkit-scrollbar {width: 4px;height: 4px;display: none;}
::-webkit-scrollbar-thumb {border-radius: 2px;background: #eee;}
.t-a-center{text-align: center}
.t-a-left{text-align: left}
.t-a-right{text-align: right}
.position-rela{position: relative}
.position-abs{position: absolute}
.cursor-point{cursor: pointer}
.font-bold{font-weight: bold}
.margin-auto{margin: 0 auto}

.flex-row {display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.flex-col {display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;-webkit-flex-direction: column;}
.flex-col-reverse {display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-direction: column-reverse;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;}
.flex-wrap {flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flex-jc-center {justify-content: center;-webkit-justify-content: center;justify-content: center;-moz-box-pack: center;-webkit-moz-box-pack: center;box-pack: center;}
.flex-jc-between {justify-content: space-between;-webkit-box-pack: justify;-ms-flex-pack: justify;}
.flex-jc-around {justify-content: space-around;-ms-flex-pack: distribute;}
.flex-jc-end {justify-content: flex-end;-webkit-box-pack: end;-ms-flex-pack: end;}
.flex-ai-center {align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;}
.flex-ai-end {align-items: flex-end;-webkit-align-items: flex-end;}
.flex-ai-stretch {align-items: stretch;}
.flex-ai-baseline {align-items: baseline;-webkit-box-align: baseline;-ms-flex-align: baseline;}
.flex-grow {flex-grow: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-col-all {height: 0px;flex-grow: 1;}

.page-wrapper{width: 100vw;height: 100%;position: relative;font-size: 14px;
  .date-wrapper{height: 52px;line-height: 52px;position: relative;padding: 0 15px;font-size:12px;
    .select-wrapper{position: absolute;right: -2px;top:-2px;overflow: hidden;width:160px}
  }
  .scroll-content{height: calc(100% - 52px);overflow-y: auto;}
}
.header{
  width: 100%;
  height: 52px;
  line-height: 52px;
  background: #fff;
  position: fixed;
  top:0;
  left: 0;
  z-index: 10;
  .header-title{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 14px;
    color: #3D3D3D;
  }
  .back{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
}